<template>
  <div>
    <div class="mainpagelastbotttom">
      <div class="mainpagelastbotttomsmall firstdiv">
        <img
          src="../assets/lastbottomlogo.png"
          style="margin-bottom: 8%; width: 10.65rem; height: 2.8rem"
        />
        <div style="text-align: left">
          <p>地址：浙江省杭州市文三西路52号浙江建投大厦</p>
          <p>邮编：310013</p>
        </div>
      </div>
      <div class="mainpagelastbotttomsmall" style="width: 60%">
        <div>
          <p class="lastbottomtitle lastbottomtitle2"><a>联系我们</a></p>
          <p class="lastbottomtext">
            <a
              :href="`${this.base_url}/portal/detail?chnlcode=abouts`"
              target="_blank"
              >关于我们</a
            >
          </p>
          <p class="lastbottomtext">
            <a
              :href="`${this.base_url}/portal/detail?chnlcode=help`"
              target="_blank"
              >帮助中心</a
            >
          </p>
          <p class="lastbottomtext">
            <a
              :href="`${this.base_url}/portal/list?chnlcode=download`"
              target="_blank"
              >资料下载</a
            >
          </p>
        </div>
        <div>
          <p class="lastbottomtitle lastbottomtitle2"><a>资讯动态</a></p>
          <p class="lastbottomtext">
            <a
              :href="`${this.base_url}/portal/list?chnlcode=law`"
              target="_blank"
              >政策法规</a
            >
          </p>
          <p class="lastbottomtext">
            <a
              :href="`${this.base_url}/portal/list?chnlcode=new`"
              target="_blank"
              >新闻资讯</a
            >
          </p>
          <p class="lastbottomtext">
            <a
              :href="`${this.base_url}/portal/list?chnlcode=dynamic`"
              target="_blank"
              >行业动态</a
            >
          </p>
        </div>
        <div>
          <p class="lastbottomtitle lastbottomtitle2"><a>服务支持</a></p>
          <p class="lastbottomtext lastbottomtext2"><a>售后政策</a></p>
          <p class="lastbottomtext lastbottomtext2"><a>取消订单</a></p>
          <p class="lastbottomtext lastbottomtext2"><a>支付说明</a></p>
        </div>
        <div>
          <p class="lastbottomtitle lastbottomtitle2"><a>友情链接</a></p>
        </div>
      </div>
      <div class="mainpagelastbotttomsmall" style="width: 20%">
        <img
          src="../assets/lastbottomerweima_1.png"
          style="width: 6rem; height: 6rem"
        />
      </div>
      <div
        class="zhuanzai"
        style="position: absolute; bottom: -0.45rem; text-align: center"
      >
      <div class="text" style="color: red;font-size: 0.9rem;">本平台上的招标信息禁止转载</div>
        <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"
          ><img
            src="../assets/lasebottombeian.png"
            style="width: 30rem; height: 2rem"
        /></a>
      </div>
    </div>
  </div>
</template>

<script>
// import APIS from "@/api/index";
// import { Message } from "element-ui";
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {
    //结果发布列表
  },
};
</script>

<style scoped>
.mainpagelastbotttom {
  width: 100%;
  height: 12.45rem;
  border: 0.05rem solid;
  background-image: url("../assets/lastbottombg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-around;
  color: white;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.mainpagelastbotttomsmall {
  height: calc(100% - 4.25rem);
  display: flex;
  justify-content: space-around;
  padding-top: 2%;
}
.firstdiv {
  width: 20%;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 2%;
  justify-content: flex-start;
}
.lastbottomtitle > a {
  font-size: 1.25rem;
  line-height: 2.2rem;
  text-align: center;
  color: white;
  cursor: pointer;
}
.lastbottomtitle > a:hover {
  color: #dfe7f4;
}
.lastbottomtitle2 > a:hover {
  color: white !important;
  cursor: default !important;
}
.lastbottomtext > a {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: white;
  cursor: pointer;
}
.lastbottomtext > a:hover {
  color: #dfe7f4;
}

.lastbottomtext2 > a:hover {
  color: white !important;
  cursor: default !important;
}
</style>
